<template>
    <div>
      <footer>
        <el-row>
          <el-col :span="4" class="div-cell">
            <div class="grid-content iconfont el">
              <span class="ico-info">&#xe697;</span>
            </div>
          </el-col>
          <el-col :span="4" class="div-cell">
            <div class="grid-content iconfont el">
              <span class="ico-info">&#xe614;</span>
            </div>
          </el-col>
          <el-col :span="8" class="div-cell">
             <el-button type="danger" round >加入空间</el-button>
          </el-col>
          <el-col :span="8" class="div-cell">
             <el-button type="danger" round >立即参与</el-button>
          </el-col>
        </el-row>
      </footer>
      <div style="height: 47px"></div>
    </div>
</template>

<script>
export default {
  name: 'DetailFooter'
}
</script>

<style lang="stylus" scoped>
    footer
        position:fixed;
        bottom:0;
        z-index:9999;
        height: 41px
        width: 100%
        background-color: white
        border-top: 1px solid #eee
        .div-cell
          line-height: 40px
          text-align: center
          .el
            display: flex
            justify-content: center
            align-items: center
          .grid-content
            text-align: center
            height: 40px
            font-size: 27px
          .ico-info
             vertical-align: middle
</style>